<template>
    <!-- <ul class="qwqq"> -->
    <!-- <li v-for="item in arrdata" :key='item.id' class="qwq"> -->
    <el-tree :data="arrmenu" :props="defaultProps" @node-click="handleNodeClick" class="drop-down"></el-tree>
    <!-- </li> -->
    <!-- </ul> -->


</template>

<script>
export default {
    props:['arrmenu'],
    data() {
        return {
            defaultProps: {
                children: 'children',
                label: 'label'
            }
        };
    },
    methods: {
        handleNodeClick(data) {
            console.log(data);
        }
    }
};
</script>

<style lang="less" scoped>
.drop-down {
    width: 100%;
    height: 39px;
    text-indent: 32px;
margin-bottom: 10px;

}

/deep/ .drop-down>div {
    
}

// 设置节点高度
/deep/.el-tree-node__content {
    height: 40px;
    border: 1px solid #E2E7EF;

    ;
}
</style>